<ion-view title="{{vm.entrustTitle}}">
    <ion-nav-buttons side="left">
        <a href="javascript:history.back(-1)" class="button button-icon icon ion-ios-arrow-back" nav-direction="back"></a>
    </ion-nav-buttons>
    <div class="bar bar-header" style="padding: 0;height: 65px;margin-top: 46px;">
        <div class="row" style="position: absolute;">
            <div class="col col-center exhortaions-btn" ng-class="{true: 'active'}[vm.isUnsolved]" ng-click="changeStatus(true)">
                <label>待办列表</label>
            </div>
            <div class="col col-center exhortaions-btn" ng-class="{false: 'active'}[vm.isUnsolved]" ng-click="changeStatus(false)">
                <label>已办列表</label>
            </div>
        </div>
    </div>
    <ion-content scroll="true" class="has-header" style="top:110px;">
        <div class="exhortaions-content">
            <ul class="list">
                <li class="item item-icon-right" ng-repeat="item in vm.exhortaions track by $index" ui-sref="memberMenu.teacherEntrustInfo({entrustId:item.id})">
                    <i class="icon ion-chevron-right"></i>
                    <div>
                        <div class="data-content">{{item.entrustContent}}</div>
                        <div class="data-info">{{item.entrustTime | date:'yyyy-MM-dd HH:mm:ss'}}</div>
                    </div>
                </li>
            </ul>
            <div class="load-more-btn" style="text-align: center;" ng-click="loadMoreEntrust()">
                <p>{{vm.loadMoreBtnStr}}</p>
            </div>
        </div>
    </ion-content>
</ion-view>